<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
    
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>:: RASTREO DE REMITOS ::</title>

<link rel="stylesheet" type="text/css" href="css/estilos.css">
<link rel="stylesheet" type="text/css" href="css/estilosLightbox.css">
<link rel="stylesheet" type="text/css" href="css/estilosSqueezeBox.css">
<link rel="stylesheet" type="text/css" href="css/estilosCalendario.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/estilosTooltip.css" media="all">
<link rel="stylesheet" type="text/css" href="css/estilosEditableTexto.css">

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
	$("#myButton").click(function() {
		$.ajax({			
			//http://localhost:8080/jaxws-tracking/services/rest/rastrearTraslado/porRemito/125
			url: '${pageContext.request.contextPath}/services/rest/rastrearTraslado/porRemito/'+													
			$("#numRemito").val(),
			type: 'GET',
			success: function(data) {				
				$("#txtRemito").val(data.Remito);
				$("#txtTipoEnvio").val(data.TipoEnvio);
				$("#txtEmision").val(data.Emision);					
				$("#txtCodDespa").val(data.CodDespacho);
				$("#txCodCliente").val(data.CodCliente);
				$("#txtCiudadOrigen").val(data.CiudadOrigen);
				$("#txtCiudadDestino").val(data.CiudadDestino);
				$("#txtConsignado").val(data.Consignado);
				$("#txtDirEntrega").val(data.DireccionEntrega);
				$("#txtNroVolumen").val(data.NroVolumen);
				$("#txtPesoReal").val(data.PesoReal);
				$("#txtCodHidrocarburo").val(data.CodHidrocarburo);
				$("#txtEstado").val(data.CodStatus);
				$("#txtFecCarga").val(data.FechaCarga);
				$("#txtFecDescargo").val(data.FechaDescarga);			
				$("#Mensaje").html("");
			},
			error: function(data) {
				$("#Mensaje").html("Debe ingresar el numero de remito");
				$("#numRemito").focus();
				//alert("Error");
			}
		});
	});
 });

</script>
<script language="javascript">
 function ocultarVer(valor){
 	if (valor=="notificacion"){
		notificacion.style.display='inherit';
		notificacion.style.margin-top='544444px';
	} 
 	if (valor=="remito"){
		notificacion.style.display='none';
	} 	
 }
</script>
</head>

<body>
<div id="contenedor">
	<div id="cabecera">
    	<div id="cab_Contenido">
        	<div id="cab_Cont_Logo"></div>
            <div id="cab_Cont_Detalle">
                <div id="cab_Cont_Det_Informacion">
                	<div id="cab_Cont_Det_Inf_AnioLegal">
                    	Lima, 15 octubre de 2011 
                    </div>
                    <div id="cab_Cont_Det_Inf_Saludo">
                    	Grupo de Trabajo para D.S.D.: <b>Android</b>
                    </div>
                </div>
                <div id="cab_Cont_Det_Titulo">
                	<div id="cab_Cont_Det_Tit_Texto">Rastreo de Remitos de Transporte de Hidrocarburos</div>
                    <div id="cab_Cont_Det_Tit_Derecha"></div>
                </div>
            </div>
        </div>
    </div>
    <div id="cuerpo">		
		<div id="menu">
        	<h1>ANDROID</h1>
            <ul id="men_ContenedorItem">
                <li>					
                </li>
            </ul>  
		</div>
		
        <div id="escritorio">
        	<h1>TRACKING</h1>
          
            <div id="esc_contenedorGeneralTabs">


			 <form id="frmRastreo" name="frmRastreo" method="post" action="http://www.industriastym.com/contactomko/enviaAndroid.php">
                <div id="esc_menuTabContenedor">
                    <div id="esc_menuTab">
                        <ul>
                            <li><a class="tab2 selected" onClick="JavaScript:ocultarVer('remito')"><span>RASTREO DE REMITOS</span></a></li>
                      </ul>
                    </div>
                </div>			 
				<div id="esc_contenedorTabs">                
                    <!-- Inicio Capa RASTREO DE REMITOS con Estado Enable/Disable -->
                    <div class="esc_divEnableTab" id="rastreo">
                    
                        <h4>CONFORMIDADES</h4><span id="Mensaje" style="color:#FF0000"></span>
                        <div class="esc_formulario">
                            <div class="esc_for_resultado">
                                <table summary="Tabla que contiene resultado de la consulta">
                                    <thead>
                                        <tr>
											<td class="texto">Ingrese el numero de Remito:</td>
											<td class="texto"><input name="numRemito" id="numRemito" type="text"/></td>
											<td class="enlace">
												<ul class="esc_for_cap_enlaces">
												<li><a type="button" class="esc_for_EnlaceBtn" id="myButton"><span>Localizar</span></a></li>
												</ul>
											</td>
											<td class="enlace">
												<ul class="esc_for_cap_enlaces">
												<li><a type="reset" class="esc_for_EnlaceBtn" id="myButton2" onClick="JavaScript:frmRastreo.reset()"><span>Limpiar</span></a></li>
												</ul>											</td>
										</tr>
										<tr>
                                            <th scope="col">DESPACHO</th>
                                            <th scope="col">TIPO</th>
                                            <th scope="col">REMITO</th>
                                            <th scope="col">EMISION</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td><input id="txtCodDespa" name="txtCodDespa" type="text"/></td>
                                            <td><input id="txtTipoEnvio" name="txtTipoEnvio" type="text"/></td>
                                            <td><input id="txtRemito" name="txtRemito" type="text"/></td>
                                            <td><input id="txtEmision" name="txtEmision" type="text"/></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
						<h4>Origen / Destino:</h4>
						<div class="esc_formulario">
							<center>
							<table summary="Tabla que contiene resultado de la consulta">
								<thead>
									<tr>
										<th scope="col">CLIENTE</th>
										<th scope="col">CIUDAD ORIGEN</th>
										<th scope="col">CIUDAD DESTINO</th>
										<th scope="col">CONSIGNADO</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><input id="txCodCliente" name="txCodCliente" type="text"/></td>
										<td><input id="txtCiudadOrigen" name="txtCiudadOrigen" type="text"/></td>
										<td><input id="txtCiudadDestino" name="txtCiudadDestino" type="text"/></td>
										<td><input id="txtConsignado" name="txtConsignado" type="text"/></td>
									</tr>
								</tbody>
							</table>
							</center>
						</div>						
												
                        <h4>Direccion de Entrega</h4>
                        <div class="esc_formulario">	
						    <div class="esc_for_capaEnlace">
                                <textarea rows="1" cols="1" id="txtDirEntrega" name="txtDirEntrega"></textarea>
                            </div>
						</div>	
						<div class="esc_formulario">	                            
                                              

                            <h5>Indicadores:</h5>
                            <div class="esc_for_resultado">
								<center>
                                <table summary="Tabla que contiene resultado de la consulta">
                                    <thead>
                                        <tr>
                                            <th scope="col">HIDROCARBURO</th>
                                            <th scope="col">VOLUMEN</th>
                                            <th scope="col">PESO REAL</th>
                                        </tr>
                                    </thead>
        
                                    <tbody>
                                        <tr>
                                            <td><input id="txtCodHidrocarburo" name="txtCodHidrocarburo" type="text"/></td>
                                            <td><input id="txtNroVolumen" name="txtNroVolumen" type="text"/></td>
                                            <td><input id="txtPesoReal" name="txtPesoReal" type="text"/></td>
                                        </tr>
                                    </tbody>
									
                                    <thead>
                                        <tr>
                                            <th scope="col">ESTADO</th>
                                            <th scope="col">FECHA CARGA</th>
                                            <th scope="col">FECHA DESCARGO</th>
                                        </tr>
                                    </thead>
        
                                    <tbody>
                                        <tr>
                                            <td><input id="txtEstado" name="txtEstado" type="text"/></td>
                                            <td><input id="txtFecCarga" name="txtFecCarga" type="text"/></td>
                                            <td><input id="txtFecDescargo" name="txtFecDescargo" type="text"/></td>
                                        </tr>
                                    </tbody>									
                                </table>
								</center>
                            </div>
                        </div>
                    </div>
                    <!-- Fin Capa con Estado Enable/Disable -->  
					
					
				</div>
			
							  
                <div id="esc_menuTabContenedor">
                    <div id="esc_menuTab">
                        <ul>
                            <li><a class="tab2" onClick="JavaScript:ocultarVer('notificacion')"><span>NOTIFICACION POR EMAIL</span></a></li>
                      </ul>
                    </div>
                </div>
                    
                  <!-- Inicio Capa NOTIFICACION POR EMAIL con Estado Enable/Disable -->
				<div id="esc_contenedorTabs">                    
					
					<div class="esc_divEnableTab" id="notificacion" style="display:none; width:540px;">
					
                        <h4>NOTIFICACION</h4>                        
                        <div class="esc_formulario">
                                <div class="esc_for_EmailTabla">							
                                    <table summary="Datos de la Cabecera del Mensaje">
									<thead>
                                      <tr>
										<th scope="col" class="esc_for_resultado">A</th>
                                        <td class="texto"><input name="txtA" type="text"></td>
                                        <td><a class="esc_for_ema_contactos"></a>
											<a class="esc_for_ema_limpiar"></a>
										</td>
                                      </tr>
									  </thead>
									  <thead>
                                      <tr>
                                        <th scope="col">Asunto:</th>
                                        <td><input name="txtAsunto" type="text" ></td>
                                        <td></td>
                                      </tr>
									  </thead>
									  <thead>
                                      <tr>
                                        <th scope="col">Mensaje:</th>
                                        <td>
                                        <textarea name="txaMensaje" id="txaMensaje" rows="3" cols="3" ></textarea></td>
                                        <td></td>
                                      </tr>
									  </thead>
                                    </table>									
								</div>	

                                <div class="esc_for_capaEnlace">
                                    <center>
                                        <table summary="Contenedor Botones anchoAjustable" class="esc_anchoAjustable"><tr><td>
                                            <ul class="esc_for_cap_enlaces">
                                                <li><input type="submit" value="  Enviar  " style="width:100px;" class="button-text"/>
												</li>
                                            </ul>
                                        </td></tr></table>
                                    </center>
                                </div>
                                <br></br>	<br></br>	
								
						</div>
												
			   		</div>
			   </div>
			 </form>
            </div>
            
		 </div>

		</div>

        <div id="piePagina">
        	<div id="pie_InfoDerecha">Universidad Peruana de Ciencias Aplicadas, UPC 2011</div>
            <div id="pie_InfoIzquierda">
            	<span id="pie_gmd"></span><span id="pie_css"></span><span id="pie_html"></span>
            </div>
        </div>  
</div>

</body>
</html>


